<template>
  <div class="select-demo">
    <Select
      v-model="selectedValue"
      style="width: 400rpx"
      :options="[
        { label: '选项1', value: 1 },
        { label: '选项2', value: 2 },
        { label: '选项3', value: 3 },
      ]"
      :multiple="true"
      placeholder="请选择一个选项"
    />
    <Select
      v-model="selectedValue2"
      style="width: 400rpx"
      :options="[
        { label: '选项1', value: 1 },
        { label: '选项2', value: 2 },
        { label: '选项3', value: 3 },
      ]"
      :multiple="false"
      placeholder="请选择一个选项"
    />
  </div>
</template>
<script>
import Select from "@/components/Select";
export default {
  components: {
    Select,
  },
  data() {
    return {
      selectedValue: "",
      selectedValue2: 1,
    };
  },
};
</script>
<style lang="scss">
.select-demo {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20rpx;
}
</style>
